<template>
  <div class="bag" v-show="player.showBag"></div>
</template>

<script>
import { mapState } from "vuex";
export default {
  computed: {
    ...mapState("map", ["player"]),
  },
};
</script>

<style scoped>
.bag {
  position: absolute;
  box-sizing: border-box;
  width: 800px;
  height: 500px;
  background: rgb(200, 200, 200);
  border: 3px solid rgb(255, 255, 255);
  border-radius: 10px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
</style>